<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head >
 <title>EasyWeb</title>
    
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">    
<link rel="stylesheet" th:href="@{/static/assets/libs/layui/css/layui.css}"/>
<link rel="stylesheet" th:href="@{/static/assets/libs/zTree/css/zTreeStyle/zTreeStyle.css}"/>
<link rel="stylesheet" th:href="@{/static/module/formSelects/formSelects-v4.css}"/>
<link rel="stylesheet" th:href="@{/static/assets/css/admin.css}"/> 
<link th:if="${session.theme != null}"  rel="stylesheet" th:href="@{/static/assets/css/theme-blue.css}"/> <!-- 使用EasyWeb主题生成器生成的主题 -->
</head>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!-- 头部 -->
     <div class="layui-header">
     <div class="layui-logo">
    <img th:src="@{/static/assets/images/logo.png}"/>
    <cite>zy</cite>
</div>
<ul class="layui-nav layui-layout-left">
    <li class="layui-nav-item" lay-unselect>
        <a ew-event="flexible" title="侧边伸缩"><i class="layui-icon layui-icon-shrink-right"></i></a>
    </li>
    <li class="layui-nav-item" lay-unselect>
        <a ew-event="refresh" title="刷新"><i class="layui-icon layui-icon-refresh-3"></i></a>
    </li>
</ul>
<ul class="layui-nav layui-layout-right">
    <li class="layui-nav-item" lay-unselect>
        <a id="btnMessage" title="消息"><i class="layui-icon layui-icon-notice"></i></a>
    </li>
    <li class="layui-nav-item layui-hide-xs" lay-unselect>
        <a ew-event="fullScreen" title="全屏"><i class="layui-icon layui-icon-screen-full"></i></a>
    </li>
    <li class="layui-nav-item" lay-unselect>
        <a>
            <img th:src="@{/static/assets/images/head.png}" class="layui-nav-img">
            <cite>[[${loginUser.username}]]</cite>
        </a>
        <dl class="layui-nav-child">
            <dd lay-unselect>
                <a id="setInfo">个人信息</a>
            </dd>
            <dd lay-unselect>
                <a id="setPsw">修改密码</a>
            </dd>
            <hr>
            <dd lay-unselect>
                <a id="btnLogout">退出</a>
            </dd>
        </dl>
    </li>
    <li class="layui-nav-item" lay-unselect>
        <a ew-event="theme" title="主题"><i class="layui-icon layui-icon-more-vertical"></i></a>
    </li>
</ul>
     </div> 

    <!-- 侧边栏 -->
      <div class="layui-side"  >
      <div class="layui-side-scroll">
    <ul class="layui-nav layui-nav-tree" style="margin-top: 15px;">
        <li class="layui-nav-item layui-nav-itemed">
            <a href="javascript:;"><i class="layui-icon layui-icon-home"></i>&emsp;<cite>主页</cite></a>
            <dl class="layui-nav-child">
                <dd class="layui-this">
                    <a lay-href="home/console">控制台</a>
                </dd>
            </dl>
        </li>
        
        
       <li class="layui-nav-item" th:each="menu : ${menus}">
       <a th:lay-href="${menu.menuUrl}"><i th:class="'layui-icon '+${menu.menuIcon}"></i>&emsp;<cite>[[${menu.menuName}]]</cite></a>
         <dl class="layui-nav-child" th:if="${menu.subMenus.size()} > 0">
           <dd th:each="subMenu : ${menu.subMenus}">
             <a th:lay-href="${subMenu.menuUrl}">[[${subMenu.menuName}]]</a>
              <dl class="layui-nav-child" th:if="${subMenu.subMenus.size()} > 0">
              <dd th:each="temp : ${subMenu.subMenus}"><a th:lay-href="${temp.menuUrl}">[[${temp.menuName}]]</a></dd>
              </dl>
           </dd>
         </dl>
       </li>
        
        

        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon layui-icon-senior"></i>&emsp;<cite>系统监控</cite></a>
            <dl class="layui-nav-child">
                <dd><a lay-href="iframe?url=druid">Druid监控</a></dd>
            </dl>
        </li>

        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon layui-icon-unlink"></i>&emsp;<cite>多级菜单</cite></a>
            <dl class="layui-nav-child">
                <dd>
                    <a href="javascript:;">二级菜单</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">三级菜单</a></dd>
                        <dd><a href="javascript:;">三级菜单</a></dd>
                    </dl>
                </dd>
            </dl>
        </li>

        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon layui-icon-unlink"></i>&emsp;<cite>一级菜单</cite></a>
        </li>
    </ul>
</div>
      </div> 


    <!-- 主体部分 -->
    <div class="layui-body">
        <div class="layui-tab" lay-allowClose="true" lay-filter="admin-pagetabs">
            <ul class="layui-tab-title">
            </ul>
            <div class="layui-tab-content">
            </div>
        </div>
        <div class="layui-icon admin-tabs-control layui-icon-prev" ew-event="leftPage"></div>
        <div class="layui-icon admin-tabs-control layui-icon-next" ew-event="rightPage"></div>
        <div class="layui-icon admin-tabs-control layui-icon-down">
            <ul class="layui-nav admin-tabs-select" lay-filter="admin-pagetabs-nav">
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;"></a>
                    <dl class="layui-nav-child layui-anim-fadein">
                        <dd ew-event="closeThisTabs" lay-unselect><a href="javascript:;">关闭当前标签页</a></dd>
                        <dd ew-event="closeOtherTabs" lay-unselect><a href="javascript:;">关闭其它标签页</a></dd>
                        <dd ew-event="closeAllTabs" lay-unselect><a href="javascript:;">关闭全部标签页</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div class="layui-footer">Copyright © 2018 zy All rights reserved. <span class="pull-right">Version 2.0</span>
    </div>

    <!-- 手机屏幕遮罩层 -->
    <div class="site-mobile-shade"></div>
</div>

<script type="text/javascript" th:src="@{/static/assets/libs/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/assets/libs/q.js}"></script>
<script type="text/javascript" th:src="@{/static/assets/libs/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/static/assets/libs/zTree/js/jquery.ztree.all-3.5.min.js}"></script>
<script>
    layui.config({
        base: '/static/module/'
    }).extend({
        formSelects: 'formSelects/formSelects-v4',
        treetable: 'treetable-lay/treetable'
    }).use(['admin'], function () {
        var admin = layui.admin;

    });
</script>


<script>
    layui.use(['index'], function () {
        var index = layui.index;

        index.checkPageTabs(true);  // 检查多标签是否开启
        index.initRouter();  // 导航栏和tab联动
        index.bindEvent();  // 绑定事件

    });
</script>
</body>

</html>